<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>登录</title>
    <!-- 引入JQuery -->
    <script src="js/jquery-3.4.1.min.js" th:src="@{/js/jquery-3.4.1.min.js}"></script>
    <!-- 引入BootStrap-->
    <link href="css/bootstrap/css/bootstrap.min.css" th:href="@{/css/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
    <script src="css/bootstrap/js/bootstrap.min.js" th:src="@{/css/bootstrap/js/bootstrap.min.js}"></script>
    <footer th:fragment="common_head">
        <!-----------------------------------------导航条设计开始--------------------------------->
        <!--黑色导航条样式为navbar-inverse，白色样式为default  ， .navbar-fixed-top导航条固定在顶端-->
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <!------button为实现响应式布局，如果在手机上查看，点击button就可以弹出菜单---->
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#" th:href="@{/toLogin}" >万象母婴店务营销管理系统</a><!---放log的地方-->
                </div>

                <!-- 当浏览器小于某个值时，点击button图标显示导航条的内容（注意这里的id与button 的id对应）—>

               <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                   <! 具体菜单项-->
                <ul class="nav navbar-nav">
<!--                    <li class="active"><a href="#" th:href="@{/checkUser}">首页 <span class="sr-only">(current)</span></a></li>&lt;!&ndash;普通菜单&ndash;&gt;-->
                    <li class="dropdown"><!--下拉菜单-->
                        <a class="dropdown-toggle" href="#" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            用户
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdowncolor" aria-labelledby="dropdownMenu1">
                            <li><a href="#" th:href="@{/selectUser}">用户列表</a></li><!--下拉菜单项-->
                            <li><a href="#" th:href="@{/toAddPage}">添加用户</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><!--下拉菜单-->
                        <a class="dropdown-toggle" href="#" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            订单
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdowncolor" aria-labelledby="dropdownMenu1">
                            <li><a href="#" th:href="@{/selectOrder}">订单列表</a></li><!--下拉菜单项-->
                            <li><a href="#" th:href="@{/toAddOrderPage}">添加订单</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><!--下拉菜单-->
                        <a class="dropdown-toggle" href="#" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            商品
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdowncolor" aria-labelledby="dropdownMenu1">
                            <li><a href="#" th:href="@{/selectGoods}">商品列表</a></li><!--下拉菜单项-->
                            <li><a href="#" th:href="@{/toAddGoodsPage}">添加商品</a></li>
                        </ul>
                    </li>
                </ul>

                <!--导航栏右部，一般的登录 注册-->
                <ul class="nav navbar-nav navbar-right">
<!--                    <li style="color: aliceblue">当前登录用户为：<div style="color: aliceblue" th:text="${user.user_name}"></div></li>-->
<!--                    <li style="color: aliceblue">当前登录用户的角色为：<div style="color: aliceblue" th:text="${user.user_ismanager==0?'用户':'管理员'}">"></div></li>-->
                    <li><a href="#" th:href="@{/toLogin}">登录</a></li>
                    <li><a href="#" th:href="@{/toAddPage}">注册</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <!------------------------------------------导航条结束-------------------------------->
    </footer>
</head>
</html>